import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject6() {
  var data = _taggedTemplateLiteral(["\n  position: fixed;\n  right: 0;\n  top: 300px;\n  width: 38px;\n  height: 272px;\n  background: #ffffff;\n  //writing-mode: vertical-lr;\n  box-shadow: -2px 0 6px 0 rgba(0, 0, 0, 0.1);\n  border-radius: 2px;\n  font-family: PingFangSC-Regular;\n  font-size: 20px;\n  color: #4f7de7;\n  line-height: 32px;\n  text-align: center;\n  cursor: pointer;\n  .text {\n    display: inline-block;\n    margin-top: 20px;\n  }\n  .icon {\n    display: inline-block;\n    width: 24px;\n    height: 24px;\n    line-height: 18px;\n    border-radius: 50%;\n    border: 1px solid #4f7de7;\n    :before {\n      content: \"\";\n      display: inline-block;\n      width: 0;\n      height: 0;\n      border: 6px solid;\n      border-color: transparent transparent #adc6ff;\n      transform-origin: center;\n      transform: rotateZ(-90deg) translateY(-5px);\n    }\n  }\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = _taggedTemplateLiteral(["\n  position: absolute;\n  margin: 0;\n  width: 100%;\n  left: 0;\n  top: calc(100% + 16px);\n  height: 20px;\n  font-family: MicrosoftYaHei;\n  font-size: 12px;\n  color: #525a6e;\n  line-height: 20px;\n  text-align: center;\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  flex-flow: row wrap;\n  padding: 0;\n  .ant-btn {\n    margin-right: 5px;\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  margin-top: 32px;\n  width: 100%;\n  height: auto;\n  &:first-of-type {\n    margin-top: 0;\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  display: none;\n  width: 150px;\n  position: fixed;\n  right: 30px;\n  top: 0;\n  line-height: 0;\n  text-align: center;\n  background: none;\n  transition: all 0.3s ease;\n  .t-divider {\n    width: 80%;\n    height: 1px;\n    background: #f1f1f1;\n    display: inline-block;\n  }\n  .anchor-item-container-disabled {\n    pointer-events: none;\n    .ant-anchor-link-title {\n      cursor: not-allowed;\n      pointer-events: none;\n      color: #ccc !important;\n    }\n  }\n  .ant-anchor {\n    .ant-anchor-link .ant-anchor-link-title {\n      color: #666;\n      :hover {\n        color: #1f59ff;\n      }\n    }\n    position: relative;\n    display: inline-block;\n    margin: 20px 0;\n  }\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  padding-right: 150px;\n  position: relative;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import styled from "styled-components";
export var ComponentConfigPage = styled.div(_templateObject());
export var SideContainer = styled.div(_templateObject2());
export var BlockContainer = styled.section(_templateObject3());
export var CommonItemsWrapper = styled.div(_templateObject4());
export var BottomTitle = styled.div(_templateObject5());
export var PreviewContainer = styled.div(_templateObject6());